/* CSS Document */
/*公用样式*/
html,body{width:100%; height:auto; overflow-x:hidden;}
*{margin:0;padding:0;}
img{border:none;}
.c-b,.clear{clear:both;}
ul{list-style-type:none;}
a{ text-decoration:none;transition:300ms;-webkit-transition:300ms;}
body{ font-family:微软雅黑,"宋体"; font-size:12px; color:#707070; min-width:1200px;}
.f-l{ float:left;}
.f-r{ float:right;}
.p-r{ position:relative;}
.t300ms{transition:300ms;-webkit-transition:300ms;}
a:hover{transition:300ms;-webkit-transition:300ms;}
.w1366{width:1366px; margin:0 auto; position:relative;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.w1003{width:1003px; margin:0 auto; position:relative;}
.mt-20{ margin-top:20px;}
.mt-10{ margin-top:10px;}
a{text-decoration: none !important;}
/*首页*/
.floatContainer{ position:fixed; top:30%; right:0; padding:10px 15px; background:#fff; z-index:3;}
.floatContainer a{ display:block; width:60px; height:100px; padding:70px 0 0 0; text-align:center; border-bottom:1px solid #e5e5e5; color:#535353;}
.floatContainer a.fl1{ background:url(../images/flo1.png) center 30px no-repeat;}
.floatContainer a.fl2{ background:url(../images/flo2.png) center 30px no-repeat;}
.floatContainer a.fl3{ background:url(../images/flo3.png) center 30px no-repeat;}
.floatContainer a.fl4{ background:url(../images/flo4.png) center 30px no-repeat;}
.floatContainer a:hover{ color:#f90;}

.headWrap{ background:#fff;}
.top{height:50px;border-bottom:3px solid #54606b;}
.top a{display:inline-block;float:right;padding:0 20px;line-height:50px;color:#7179b6;  font-weight: bold;}
.top a:hover{color:#f90;}
.header{height:78px; position:relative;}
.nav{ width:1200px; margin:0 auto;}
.nav ul{}
.nav ul:after{ display:block; content:""; clear:both;}
.nav ul li{ float:left; width:120px; text-align:center;}
.nav ul li a{ display:block; padding:15px 0 0 0;}
.nav ul li span{ display:block; line-height:25px;}
.nav ul li span.cn{ font-size:14px; color:#434343;}
.nav ul li span.en{ font-size:9px; color:#434343;}
.nav ul li.logo{width:450px;}
.nav ul li.logo img{ display:block; margin:-60px auto 0 auto;}
.search{ position:absolute;top:0;right:0; height:78px;}
.search input[type=button]{width:78px; height:78px; background:#000 url(../images/search.png) center center no-repeat; border:0; outline:none;}
.search input[type=text]{float:left;width:0;height:78px; text-indent:10px; border:0; outline:none; background:#f9f9f9;transition:300ms;-webkit-transition:300ms;}
.search:hover input[type=text]{ display:block;width:150px;}

.web-headWrap{ display:none;}

.banner{ position:relative; z-index:2;}
.banner .imgs{width:100%; height:auto;}
.banner .imgs img{width:100%;}

.bodyWrap{}

.dateContainer{ height:300px; background:url(../images/adbg.jpg) top center no-repeat;}
.dateContent{ height:100%; background:url(../images/borderbg.png) left center no-repeat;}
.dateContent dl{ float:left;width:33.333333%; height:300px; margin-bottom:0; text-align:center; color:#fff;background:url(../images/borderbg.png) right center no-repeat;}
.dateContent dl dt{ padding:80px 0 0 0; font-size:42px;}
.dateContent dl dd{ padding:50px 0 0 0; font-size:19px;}

.newsContainer{ padding:0 0 58px 0;  background:url(../images/newbg.jpg) top center no-repeat;}
.newsContainer .title{ height:130px; line-height:130px; text-align:center; color:#023b90; font-size:32px;}
.newsBox{ float:left; width:385px; margin:10px 7.5px;}
.imgNews{background:#fff; position:relative; min-height:455px;}
.imgNews .img{width:100%;height:230px;overflow:hidden;}
.imgNews .img img{width:100%;height:auto;min-height:100%;}
.imgNews a{ display:block;margin:30px 0 0 0; padding:20px 20px 10px 20px; font-size:18px; color:#535353;}
.imgNews a:hover{ color:#f90; text-decoration:none;}
.imgNews p{ padding:10px 20px 20px 20px; font-size:12px; color:#535353; line-height:22px; font-family:宋体;}
.imgNews dl{width:58px;height:60px; padding:4px 0; background:#053478; color:#fff; font-size:18px; line-height:25px; text-align:center; position:absolute; top:200px;right:40px;}
.imgNews dl dt{}
.imgNews dl dd{}
.listNews{border-top:2px solid #014693; background:#fff; min-height:452px;}
.newsMenu{ height:48px;}
.newsMenu span{display:inline-block; float:left;width:50%;line-height:48px; text-align:center; font-size:18px; color:#fff; background:#014693; cursor:pointer;}
.newsMenu span:hover{ font-weight:bold;}
.newsMenu span.act{ background:#fff; color:#014693;}
.news_list{ padding:15px 10px;}
.news_list ul{ display:none; margin-bottom:0;}
.news_list ul.act{ display:block;}
.news_list ul li{ padding:10px 0 10px 30px; border-bottom:1px dashed #e5e5e5; background:url(../images/newslibg.png) 5px 15px no-repeat;}
.news_list ul li a{ display:block; font-size:14px; color:#434343; max-height:40px; overflow:hidden;}
.news_list ul li span{ color:#626262;}
.news_list ul li:hover{background:url(../images/newslibgh.png) 5px 15px no-repeat;}
.news_list ul li:hover span{ color:#014693;}
.news_list ul li:hover a{ color:#014693; text-decoration:none;}

.courseContainer{}
.bigBlock{ float:left; height:590px;width:50%; padding:100px 0 0 0;}
.leftBlock{ background:url(../images/bg-left.jpg) top center no-repeat;}
.rightBlock{ background:#eff6fd;}
.smallBlock{ float:left;height:200px;width:50%; padding:40px 0 0 0;}
.smallBlock.leftBlock{background:#eff6fd;}
.smallBlock.rightBlock{ background:url(../images/bg-right.jpg) top center no-repeat;}
.bigBlock p{ text-align:center; margin:20px 0;}
.bigBlock .p1{ font-size:60px;}
.bigBlock .p2{ font-size:30px;}
.bigBlock .p3{ font-size:32px;width:350px; height:57px; margin:0 auto; line-height:57px; text-align:center; border-radius:3px;}
.bigBlock .p4{ font-size:24px;}
.bigBlock.leftBlock .p1{ color:#fff;}
.bigBlock.leftBlock .p2{ color:#fff;}
.bigBlock.leftBlock .p3{ color:#014693; background:#fff;}
.bigBlock.leftBlock .p4{ color:#fff;}
.bigBlock.rightBlock .p1{ color:#014693;}
.bigBlock.rightBlock .p2{ color:#014693;}
.bigBlock.rightBlock .p3{ color:#fff; background:#0085fc;}
.bigBlock.rightBlock .p4{color:#014693;}
.smallBlock .p1{ font-size:40px;margin:10px 50px; }
.smallBlock .p2{ font-size:22px;margin:10px 50px; }
.smallBlock a{ display:block; width:170px; height:62px; margin:30px 50px; line-height:62px; text-align:center; border-radius:5px; font-size:22px;}
.smallBlock.leftBlock .p1{ color:#014392;}
.smallBlock.leftBlock .p2{ color:#014392;}
.smallBlock.leftBlock a{ color:#fff; background:#0085fc;}
.smallBlock.rightBlock .p1{ color:#fff;}
.smallBlock.rightBlock .p2{ color:#fff;}
.smallBlock.rightBlock a{ color:#014292; background:#fff;}


.schoolContainer{ padding:80px 0 180px 0; background:url(../images/schoolbg.jpg) bottom center no-repeat;}
.schooltitle{ text-align:center;}
.schooltitle span{ display:inline-block; width:220px; height:70px; margin:30px 10px; color:#16171a; font-size:30px; text-align:center; line-height:70px; cursor:pointer;}
.schooltitle span:hover{ font-weight:bold;}
.schooltitle span.act{ background:#eeeeee; border-radius:5px; box-shadow:1px 1px 5px 2px #ccc;}
.schoolType{ display:none;}
.schoolsubtitle{ text-align:center;}
.schoolsubtitle span{ display:inline-block; font-size:22px; color:#313131; padding:20px 20px; margin:10px 30px; cursor:pointer;}
.schoolsubtitle span:hover,.schoolsubtitle span.act{ font-weight:bold;}
.schoolContent{ margin:20px 0 0 0; position:relative;}
.schoolBox{ display:none;width:1089px; height:236px; margin:0 auto; overflow:hidden;}
.schoolBox ul{}
.schoolBox ul:after{ display:block; content:""; clear:both;}
.schoolBox ul li{ float:left; margin:0 10px; width:343px; height:236px; overflow:hidden;}
.schoolBox ul li a.img{ display:block; width:100%; height:191px; overflow:hidden;background:#fff;}
.schoolBox ul li a img{width:100%; height:100%;}
.schoolBox ul li span{ display:block;width:100%; height:45px; text-align:center; line-height:45px; color:#fff; font-size:14px; background:#002930;}
.schoolContent .SlidePrev{ display:block; width:50px; height:50px; background:url(../images/sildeleft.png) center center no-repeat; position:absolute; top:90px; left:0; border-radius:50%;}
.schoolContent .SlideNext{ display:block; width:50px; height:50px; background:url(../images/slideright.png) center center no-repeat; position:absolute; top:90px; right:0; border-radius:50%;}
.schoolContent .SlidePrev:hover{ background:rgba(255,255,255,0.5) url(../images/sildeleft.png) center center no-repeat;}
.schoolContent .SlideNext:hover{ background:rgba(255,255,255,0.5) url(../images/slideright.png) center center no-repeat;}
.web-school{ display:none;}


.footWrap{ padding:8px 0 0 0; background:#16171a url(../images/caise.png) top center no-repeat;}
.footer{}
.footer .ewm{width:160px;float:left;padding:10px}
.contact{ float:left; width:50%; padding:30px 0;}
.contact span{ display:block; float:left; width:300px; height:50px; line-height:50px; padding:0 0 0 35px; color:#fff; font-size:14px;}
.contact span.dh{ background:url(../images/fb1.png) left center no-repeat;}
.contact span.cz{ background:url(../images/fb2.png) left center no-repeat;}
.contact span.dz{ background:url(../images/fb3.png) left center no-repeat;}
.contact span.yx{ background:url(../images/fb4.png) left center no-repeat;}

.friend-link{ float:right; width:30%; height:45px; margin:40px 0 0 0; background:#2c2e34; line-height:45px; font-size:12px; color:#fff; position:relative; text-indent:10px;}
.friend-link span{ width:45px; height:45px; position:absolute; top:0; right:0; background:url(../images/down.png) center center no-repeat;}
.friend-link ul{ display:none; max-height:120px; background:#fff; overflow-y:auto;}
.friend-link ul li{line-height:40px; border-bottom:1px dashed #eee;}
.friend-link ul li a{ color:#333;}
.friend-link ul li a:hover{ color:#f90;}

.bottom{ border-top:1px solid #45464c; color:#fff; line-height:60px; text-align:center;}

@media screen and (max-width:768px){
*{ max-width:100% !important;}
body{ min-width:auto; position:relative; }
.w1200{width:auto !important;}
.headWrap{ display:none;} 
.web-headWrap{ display:block;  height:95px; background:#fff;}
.web-logo{ padding:10px; width:80%; text-align:left;}
.web-logo img{max-width:95%;}
span.navMenu{ display:block; width:50px; height:50px; padding:8px 0 0 0; border:1px solid #eee; border-radius:3px; position:absolute; top:20px; right:10px; cursor:pointer;} 
span.navMenu p{ display:block; width:30px; height:5px; margin:5px auto; background:#999; border-radius:3px;} 
.web-nav{display:block; width:100%; height:0px; background:#ddd; border-radius:0 0 5px 5px;overflow:hidden; position:absolute; top:95px; left:0; z-index:9; }
.web-nav ul{margin-bottom: 0;}
.web-nav ul li{ width:100%; line-height:46px; position: relative; border-bottom: 1px solid #f2f2f2;}
.web-nav ul li i{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 46px;
	padding: 0 20px;
	font-size: 1.5em;
	cursor: pointer;
}
.web-nav ul li a{ padding:0 20px;  color:#535353; font-size:14px; text-decoration:underline;}
.web-nav ul li ul{ display: none; background:#f9f9f9;}
.web-nav ul li ul li{ line-height:40px; border:0;}
.web-nav ul li ul li:nth-child(odd){ background:#eee;}
.web-nav ul li ul li ul li{
	padding: 0 0 0 30px;
}
.web-nav.act{ height:auto;}
.floatContainer{ display:none;}
.banner-left,.banner-right{display: none;}

.dateContainer{ height:auto;}
.dateContent{ background:none;}
.dateContent dl{ float:left;width:100%; height:49px; line-height:49px; border-bottom:1px dashed #009; text-align:center; color:#fff;background:none;}
.dateContent dl dt{ display:inline-block; padding:0; font-size:22px;}
.dateContent dl dd{ display:inline-block; padding:0; font-size:16px;}

.newsContainer{ padding:10px 10px;  background:url(../images/newbg.jpg) top center no-repeat; background-size:cover;}
.newsContainer .title{ height:60px; line-height:60px;}
.newsBox{ float:none; width:100%; margin:10px 0;}

.listNews,.imgNews{ min-height:auto;}
.news_list ul li a{ font-size:16px; height:auto; max-height:none;}

.courseContainer{}
.bigBlock{height:400px;width:100%; padding:0;}
.smallBlock{ float:left;min-height:130px; height:auto;width:100%; padding:20px 0 0 0;}
.smallBlock .f-r,.smallBlock .f-l{ float:left;}
.bigBlock p{ text-align:center; margin:20px 0;}
.smallBlock .p1{ font-size:28px;margin:10px 20px; }
.smallBlock .p2{ font-size:18px;margin:10px 20px; }
.smallBlock a{ display:block; width:170px; height:62px; margin:10px 10px; line-height:62px; text-align:center; border-radius:5px; font-size:22px;}

.schoolContainer{ display:none;}

.web-school{ display:block; padding:10px 0;}
.web-school .title{ height:60px; line-height:60px; text-align:center; color:#023b90; font-size:24px; position:relative;}
.web-school .title a.more{ margin: 0 10px; color:#525252; font-size:16px; position:absolute; top:0; right:0;} 
.web-school ul{ padding:10px;}
.web-school ul:after{ display:block; content:""; clear:both;}
.web-school ul li{ float:left; width:50%; height:150px; overflow:hidden; position:relative;}
.web-school ul li a{ display:block; width:100%; height:120px; background:#ccc;}
.web-school ul li a img{ width:100%; height:100%;}
.web-school ul li span{ display:block; width:100%; height:30px; text-align:center; line-height:30px; color:#fff; background:rgba(0,0,0,0.5);white-space: nowrap;  
 text-overflow:ellipsis; overflow:hidden;}
 
.contact{width:90%;margin-left:5%;padding:0;float:none} 
.contact span{ display:block; float:none; width:auto; height:auto; line-height:25px; padding:0 0 0 35px; color:#fff; font-size:14px;height:35px}
.contact span.dh{ background:url(../images/fb1.png) left 0 no-repeat;}
.contact span.cz{ background:url(../images/fb2.png) left 0 no-repeat;}
.contact span.dz{ background:url(../images/fb3.png) left 0 no-repeat;}
.contact span.yx{ background:url(../images/fb4.png) left 0 no-repeat;}

.footer .ewm{width:100%;padding:10px;text-align:center;float:none}
.friend-link{ width:90%;margin:10px 0 40px 5%;float:none} 
 
.bottom{ line-height:30px;} 



}


.form-subtitle{ background:#eee; padding:10px; font-size:16px; font-weight:bold;}